<template>
  <div style="margin-top: 20px">
    <ko-card title="External Name">
      <el-row>
        <el-col :span="12">
          <el-input v-model="name" placeholder="e.g. database.example.com" />
        </el-col>
      </el-row>
    </ko-card>
  </div>
</template>

<script state lang="ts">
import KoCard from "@/views/domain/kubeHud/views/components/ko-card/index.vue";

const name = defineModel<string>("externalName");
</script>

<style scoped></style>
